@charset "UTF-8";
/**
 * 
 * @authors 3pixel (kermit@piexl.net)
 * @date    2017-11-30 12:01:00
 * @version v0.0.1
 */
//引入变量
@import "variable.less";

//引入混合函数
@import "mixins.less";

//精彩欣赏
.brand-content{
	padding-top:56px;
	padding-bottom:100px;
	.switch-nav-box{margin-bottom:46px;}
	.switch-nav{
		width:100%;
		.nav-item{
			width:100%/6;
			padding:1.7em 0.5em;
			font-size:22px;
			line-height:1;
			background-color:#bdbdbd;
			.text-overflow;
		}
	}
	.content-item{
		h3{
			font-size:20px;
			line-height:1.5;
			margin-bottom:0.5em;
		}
		p{
			font-size:16px;
			line-height:2;
			margin-bottom:1em;
		}
		&.news-list-cont{
			.list-item{
				&:first-child{
					padding-top:0;
				}
			}
		}
	}
	@media screen and (max-width:1270px){
		.switch-nav-box{margin-bottom:40px;}
		h3{
			font-size:18px;
		}
		p{
			font-size:14px;
		}
		.switch-nav{
			.nav-item{
				padding:1.5em 0.5em;
				font-size:20px;
			}
		}
	}
	@media screen and (max-width:1024px){
		.switch-nav-box{margin-bottom:36px;}
		.switch-nav{
			.nav-item{
				padding:1.5em 0.5em;
				font-size:20px;
			}
		}
	}
	@media screen and (max-width:768px){
		.switch-nav-box{margin-bottom:30px;}
		.switch-nav{
			.nav-item{
				font-size:18px;
			}
		}
	}
	@media screen and (max-width:640px){
		padding-top:56*@rpx;
		padding-bottom:100*@rpx;
		.switch-nav-box{
			margin-left:-30*@rpx;
			margin-right:-30*@rpx;
			margin-bottom:20px;
			overflow-x:scroll;
		}
		.switch-nav{
			width:8em*6;
			font-size:14px;
			.nav-item{
				width:8em;
				font-size:14px;
				padding:1em;
				text-overflow: initial;
			}
		}
	}
}

//新闻详情
.news-detail{
	.news-detail-header{
		.news-detail-header-inner{
			padding:50px 0;
			padding-right:200px;
			position:relative;
			border-bottom:1px solid lighten(#e6e6e5,3%);
		}
		.page-title{
			font-size:42px;
			line-height:1.25;
			font-weight:normal;
		}
		.out-link-o{
			position:absolute;
			top:50%;
			right:0;
			padding:0.5em 2em;
			font-size:16px;
			border:3px solid @red;
			color:@red;
			display:inline-block;
			font-weight:bold;
			.border-radius(2em);
			margin-top:-1.5em;
			&:hover{
				text-decoration:none;
				background-color:@red;
				color:#fff;
			}
		}
	}
	.news-detail-content{
		padding-bottom:130px;
		.left-content{
			width:770/1170*100%;
			padding-right:50px;
			padding-top:40px;
			p{
				font-size:16px;
				color:#666;
				line-height:1.85;
				margin-bottom:2em;
				&:last-child{margin-bottom:0;}
			}
			video{max-width:100%;}
		}
		.siderbar{
			width:400/1170*100%;
			padding:25px 50px;
			background-color:#f3f3f3;
			.news-title{font-size:18px; line-height:1; margin-bottom:0.5em; color:#000;}
			.new-list{
				li{
					font-size:16px;
					line-height:2;
					.text-overflow;
					a{
						color:#333;
						&:hover{color:#000; text-decoration:none;}
					}
					&:before{
						content:'\f0da';
						display:inline-block;
						font-family:'FontAwesome';
						color:@red;
						padding-right:0.5em;
					}
				}
			}
		}
	}
	@media screen and (max-width:1366px){
		.news-detail-header{
			.page-title{font-size:40px;}
			.out-link-o{border-width:2px;}
		}
		.news-detail-content{
			.siderbar{
				padding:24px 48px;
			}
		}
	}
	@media screen and (max-width:1270px){
		.news-detail-header{
			.news-detail-header-inner{
				padding:36px 0;
				padding-right:184px;
			}
			.page-title{font-size:36px; margin-bottom:0.3em;}
			.out-link-o{font-size:14px;}
		}
		.news-detail-content{
			.siderbar{
				padding:20px 40px;
				.new-list{
					li{font-size:14px;}
				}
			}
		}
	}
	@media screen and (max-width:1024px){
		.news-detail-header{
			.news-detail-header-inner{
				padding:30px 0;
				padding-right:184px;
			}
			.page-title{font-size:32px; margin-bottom:0.3em;}
			.out-link-o{font-size:14px;}
		}
		.news-detail-content{
			padding-bottom:80px;
			.left-content{
				padding-right:30px;
				p{font-size:14px; margin-bottom:1em;}
			}
			.siderbar{
				padding:15px 30px;
				.new-list{
					li{font-size:14px;}
				}
			}
		}
	}
	@media screen and (max-width:768px){
		.news-detail-header{
			.page-title{font-size:30px;}
			.out-link-o{}
		}
		.news-detail-content{
			padding-bottom:60px;
			.left-content{
				padding-right:24px;
			}
		}
	}
	@media screen and (max-width:640px){
		.news-detail-header{
			.news-detail-header-inner{
				padding:40*@rpx 0;
				padding-right:0;
			}
			.page-title{font-size:26px;}
			.out-link-o{display:none;}
		}
		.news-detail-content{
			padding-bottom:60px;
			.left-content{
				width:100%;
				width:100%;
				padding-right:0;
				margin-bottom:50*@rpx;
			}
			.siderbar{
				width:100%;
			}
		}
	}
}

//联系我们
.brand-content{
	.contactus-content{
		font-size:16px;
		color:#999;
		p{
			margin-bottom:1em;
			line-height:1.625;
		}
		.contactus-map{
			width:598/1170*100%;
		}
		.contactus-info{
			width:572/1170*100%;
			padding-left:50px;
		}
		.info-header{
			border-bottom:1px solid #ececec;
			padding-bottom:20px;
			.zh-name{font-size:24px; font-weight:normal; color:#000; margin-bottom:0;}
			.en-name{font-size:16px; font-weight:normal; color:#000;}
		}
		.info-body{
			padding-top:20px;
			a{
				color:#000;
				&:hover{color:#000;}
			}
		}
	}
	@media screen and (max-width:1270px){
		.contactus-content{
			p{margin-bottom:0.5em;}
			.contactus-map{
				width:598/1170*100%;
			}
			.contactus-info{
				padding-left:40px;
			}
			.info-header{
				padding-bottom:15px;
				.zh-name{font-size:22px;}
				.en-name{font-size:14px;}
			}
			.info-body{padding-top:15px;}
		}
	}
	@media screen and (max-width:768px){
		.contactus-content{
			.contactus-map{width:100%; margin-bottom:40px;}
			.contactus-info{width:100%; padding-left:0;}
		}
	}
}

//内容详情页
.detail-content{
	.detail-title{
		font-size:36px;
		font-weight:normal;
		margin-bottom:1em;
	}
	.detail-section{
		padding-bottom:50px;
		&:last-child{padding-bottom:0;}
		.sction-title{
			position:relative;
			width:100%;
			margin-bottom:1.5em;
			span{
				padding:0.3em 1em;
				background-color:#fff;
				display:inline-block;
				border:1px solid @red;
				color:@red;
				font-size:20px;
				font-weight:normal;
				position:relative;
				z-index:1;
			}
			&::after{
				position:absolute;
				top:50%;
				left:0;
				content:'';
				display:block;
				width:100%;
				height:1px;
				background-color:#e8e8e8;
			}
		}
		//两列
		.two-column{
			margin-bottom:1em;
			.img-box{
				width:100%/2;
			}
			.text-area{
				width:100%/2;
				padding-left:30px;
			}
		}
		//合作方
		.partners-list{
			margin-left: -5px;
			margin-right: -5px;
			.item{
				width:100%/4;
				//height:100%;
				padding:5px;
				p{line-height:1.5; margin-bottom:0;}
				display:table;
				.item-inner{
					padding:40px 30px;
					background-color:@red;
					color:#fff;
					display:table-cell;
					vertical-align:middle;
				}
			}
			.partner-title{
				font-size:20px;
				line-height:1;
				font-weight:normal;
				text-align:center;
				&::after{
					content:'';
					display:block;
					width:1.5em;
					height:2px;
					margin:0.5em auto;
					background-color: #fff;
				}
			}
		}
	}
	@media screen and (max-width:1024px){
		.detail-title{font-size: 30px;}
		.detail-section{
			.sction-title{
				margin-bottom:0.5em;
				span{font-size:18px;}
			}
			p{font-size:14px;}
			//两列
			.two-column{
				margin-bottom:1em;
				.img-box{
					width:100%;
					margin-bottom:20px;
				}
				.text-area{
					width:100%;
					padding-left:0;
				}
			}
			//合作方
			.partners-list{
				margin-left: 0;
				margin-right: 0;
				.item{
					width:100%/2;
					.item-inner{
						padding:40px 30px;
					}
				}
				.partner-title{font-size:18px;}
			}
		}
	}
	@media screen and (max-width:768px){
		.detail-title{font-size:24px;}
		.detail-section{
			padding-bottom:50*@rpx;
			.sction-title{
				span{font-size:16px;}
			}
			//合作方
			.partners-list{
				margin-left: 0;
				margin-right: 0;
				.item{
					width:100%;
					padding:0;
					margin-bottom:10px;
					float:none;
					.item-inner{
						padding:40px 30px;
					}
				}
				.partner-title{font-size:18px;}
			}
		}
	}
}